<!-- without keys -->
<for|val, i| of=arr>
  <div>${i}: ${val}</div>
  <div/>
  <div/>
</for>

<for|key, val| in=obj>
  <div>${key}: ${val}</div>
  <div/>
  <div/>
</for>

<for|i| from=0 to=10 step=2>
  <div>${i}</div>
  <div/>
  <div/>
</for>

<!-- with keys -->
<for|val, i| of=arr>
  <div key=i>${i}: ${val}</div>
  <div/>
  <div key=`other-${i}`/>
</for>

<for|val, i, list| of=arr>
  <div key=i>${list.length}: ${val}</div>
</for>

<for|key, val| in=obj>
  <div key=key>${key}: ${val}</div>
  <div/>
  <div key=`other-${key}`/>
</for>

<for|i| from=0 to=10 step=2>
  <div key=i>${i}</div>
  <div/>
  <div key=`other-${i}`/>

  <for|i| from=0 to=10 step=2>
    <div key=i>${i}</div>
    <div/>
    <div key=`other-${i}`/>
  </for>
</for>

<for|i| from=10 to=0 step=-2>
  <div key=i>${i}</div>
  <div/>
  <div key=`other-${i}`/>
</for>

<for from=0 to=10>
  Hello
</for>

<for|| from=0 to=10>
  Hello
</for>
